<template>
  <div class="test-container" v-if="data">
    <Layout :end="data.times">
      <template #left>
        <Left :data="data" />
      </template>
      <template>
        <Map :data="data" />
      </template>
      <template #right>
        <Right :data="data" />
      </template>
    </Layout>
  </div>
</template>

<script>
import Layout from "./layout.vue";
import Map from "../components/map.vue";
import Left from "../components/left.vue";
import Right from "../components/right.vue";
export default {
  props: ["data"],
  components: {
    Layout,
    Map,
    Left,
    Right,
  },
};
</script>

<style>
.test-container {
  width: 100%;
  height: 100%;
  /* overflow: hidden; */
}
</style>